.b_BlogList{
    /* background-color:var(--color_manilla); */
}



/* Pinned Post */
.b_BlogList .pinned_post{
    margin-bottom: 60px;
}
.b_BlogList .pinned_post .image{
    overflow:hidden;
    aspect-ratio: 1.5 / 1;
    margin-bottom:40px;
}
.b_BlogList .pinned_post img{
    object-fit: cover;
    width: 100%;
    height: 100%;
    transition: transform 0.3s;
}
.b_BlogList .pinned_post:hover h2{
    text-decoration: underline;
}
.b_BlogList .pinned_post:hover img{
    transform: scale(1.05);
}




/*
    BLOG GRID AND CATEGORY FILTERS AND PAGING ARE USED IN THE BLOG_LIST BLOCK,
    AND CATEGORY.PHP PAGE AND INDEX.PHP. SO THE STYLES ARE LOCATED IN
    "wp-content/themes/allthrive365/assets/scss/blog.css"

*/

/* List */
/* .b_BlogList .list{}
.b_BlogList .list .image{
    overflow:hidden;
    aspect-ratio: 1.5 / 1;
    margin-bottom:24px;
}
.b_BlogList .list img{
    object-fit: cover;
    width: 100%;
    height: 100%;
    transition: transform 0.3s;
}
.b_BlogList .list .post:hover img{
    transform: scale(1.05);
}
.b_BlogList .list .post:hover h4{
    text-decoration: underline;
}
.b_BlogList .list .h6{
    margin-bottom:8px;
} */

.b_BlogList h6{
    margin:0;
}
.b_BlogList .details{
    display: grid;
    gap: 8px;
}



/* GRIDS */
.b_BlogList .col_50_50 {
    display: grid;
    gap: 24px 48px;
    align-items: center;
    grid-template-columns: 1fr;
}
@media (width >= 1000px){
    .b_BlogList .col_50_50 {
        grid-template-columns: 1fr 1fr;
    }
}
/*
.b_BlogList .col_3 {
    display: grid;
    gap: 30px;
    grid-template-columns: 1fr;
}
@media (width >= 600px){
    .b_BlogList .col_3 {
        grid-template-columns: 1fr 1fr 1fr;
    }
} */